﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NEWMainPage.aspx.cs" Inherits="mpsalaryprojectgroup.NEWMainPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Welcome to the PGS Portal</title>

    <script language="javascript">
        function DoWaterMarkOnFocus(txt, text) {
            if (txt.value == text) {
                txt.value = "";
            }
        }
        function DoWaterMarkOnBlur(txt, text) {
            if (txt.value == "") {
                txt.value = text;
            }
        }
    </script>

</head>
<body>

    <form id="form1" runat="server">
    <meta charset="utf-8" />

	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="CSS\foundation.css">
	<link rel="stylesheet" href="CSS\app.css">
    <link rel="stylesheet" href="CSS\ie.css">


	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <div class="container">
		<div class="row">
			<div class="twelve columns" align="center">
				<h2><img alt="" src="Images/orangesample%20copy.jpg" /></h2>
			</div>
		</div>

    <div class="row">
                    <div class="seven columns" align="center" 
                        style="border-style: none; background-color: #FFFFCC">
                        <div class="panel" style="border-style: none; background-color: #FFFFCC">
                            <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/Untitled-1 copy.jpg" 
                                Height="415px" Width="520px" BackColor="#FFFFCC" BorderColor="#FFFFCC" /> 
                        </div>
                    </div>

                    <div class="five columns" align="center" 
                        style="border-style: none; background-color: #FFFFCC">
                        <div class="panel" style="border-style: none; background-color: #FFFFCC">
                        <asp:Panel ID="PanelLogin" runat="server" BackColor="#FF9933" 
                HorizontalAlign="Center" Direction="LeftToRight">
                <br />
                 
                <asp:TextBox ID="tbxUsername" runat="server" style="margin-left: 0px" 
                    Width="229px" TextMode="SingleLine" placeholder="Enter your username"></asp:TextBox>
                <br />
                <br />

                <asp:TextBox ID="tbxNPassword" runat="server" style="margin-left: 0px" 
                    Width="180px" TextMode="Password" placeholder="Enter Your Password Here"></asp:TextBox>
                            &nbsp;<asp:Button ID="tbxSignIn" runat="server" Text="Sign in" 
                    BackColor="#3366FF" BorderColor="White" ForeColor="White" onclick="tbxSignIn_Click" />
                    <br />

                            <asp:Label ID="lblerror" runat="server" Font-Italic="False" 
                                Font-Underline="False" ForeColor="Red"></asp:Label>
                            <br />
                <asp:HyperLink ID="hyperlinkForgetPassword" runat="server" ForeColor="#666666" 
                    NavigateUrl="~/NEWForgetPassword.aspx" Font-Underline="True">Forget Password?</asp:HyperLink>
                <br />
                </asp:Panel>
                <asp:Panel ID="PanelSignup" runat="server" BackColor="#FFCC00" 
                HorizontalAlign="Center" Direction="LeftToRight">
                <br />
                New to PGS?&nbsp; Sign up now!
                <hr />

                <asp:TextBox ID="tbxName" runat="server" style="margin-left: 0px" 
                    Width="229px" TextMode="SingleLine" placeholder="Enter your username" 
                        ValidationGroup="1"></asp:TextBox>

                <br />
                    <asp:Label ID="lblerror1" runat="server" ForeColor="Red"></asp:Label>
                <br />

                <asp:TextBox ID="tbxEmailAddress" runat="server" style="margin-left: 0px" 
                    Width="229px" TextMode="SingleLine" placeholder="Enter your e-mail address" 
                        ValidationGroup="1"></asp:TextBox>

                <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" 
                        ControlToValidate="tbxEmailAddress" ErrorMessage="Email Required" 
                        ValidationGroup="1" ForeColor="Red"></asp:RequiredFieldValidator>
                <br />

                <asp:textbox ID="tbxSignUpPassword" runat="server" 
                        Width="229px" TextMode="Password" placeholder="Enter Your Password Here" 
                        ValidationGroup="1"></asp:textbox>

                <br />
                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                        ControlToValidate="tbxSignUpPassword" ErrorMessage="Password Required" 
                        ValidationGroup="1" ForeColor="Red"></asp:RequiredFieldValidator>
                <br />

                <asp:Button ID="tbxSignUp" runat="server" Text="Sign up for PGS" 
                    BackColor="#FF6666" BorderColor="White" ForeColor="Black" 
                        onclick="tbxSignUp_Click" ValidationGroup="1" 
                    />
                <br />
                    <br />
                    <br />
                <br />
                <br />

            </asp:Panel>
    </div>
    </div>

    <div class="row">
        <div class="twelve columns" align="center">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/school.JPG" />
            <div class="six column"></div>
        </div>
    </div>
    

    

    <!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>
	<script src="javascripts/jquery.placeholder.min.js"></script>
    <script>
        $('input[placeholder]').placeholder();
    </script>

    </form>
</body>
</html>
